// 实现增删改查功能

$(document).ready(function(){


	var tb=$("#sample-table");
	var tdData;

	//显示记录
	show();
	function show(){
		var hideTr = $("#hidedTbody",tb).children().first();
		var newTr = hideTr.clone().show();
		$("input[type='text']",newTr).each(function(index,element){
			element=$(element);
			element.remove();
		});
		showRecord(tb,newTr,showNormal());
	}

	// 添加
	$("#addItem").click(function(){
		var hideTr = $("#hidedTbody",tb).children().first();
		var newTr = hideTr.clone().show();
		$("#mainTbody",tb).append(newTr);
		$("input[type='text']:first",newTr).focus();
		showAdd(newTr);
	});

	//保存
	tb.off("click","#saveAdd").on("click","#saveAdd", function () {
		var tr=$(this).parent().parent().parent();  //改动html标签嵌套时，注意选择到tr
		$("input[type='text']",tr).each(function(index,element){
			element=$(element);
			element.parent().text(element.val());
			element.remove();
		});
		addRecord(tr);
		showNormal(tr);
	});

	//修改
	tb.off("click","#editItem2").on("click","#editItem2",function(){
		var tr=$(this).parent().parent().parent();  //改动html标签嵌套时，注意选择到tr
		var id = $(".id",tr).text();
		tdData = new Array();
		$("td:not('.op'):not('.sorting_1'):not('.id')",tr).each(function (index,element) {
			element=$(element);

			tdData.push(element.text());

			var html="<input type='text' value='"+element.text()+"'>";
			element.html(html);
		});
		$("input[type='text']:first",tr).focus();
		console.log("this record's id is--->"+id);
		showEdit(tr);
	});

	//更新数据
	tb.off("click","#saveEdit").on("click","#saveEdit",function(){
		var tr=$(this).parent().parent().parent();  //改动html标签嵌套时，注意选择到tr
		$("input[type='text']",tr).each(function(index,element){
			element=$(element);
			element.parent().text(element.val());
			element.remove();
		});
		//updateRecord();
		showNormal(tr);
	});

	//重置
	tb.off("click","#reset").on("click","#reset", function () {
		var tr=$(this).parent().parent().parent();  //改动html标签嵌套时，注意选择到tr
		$("input[type='text']",tr).each(function (index,element) {
			element=$(element);
			element.val("");
		});
	});


	//删除
	tb.off("click","#deleteItem2").on("click","#deleteItem2", function () {
		var tr=$(this).parent().parent().parent();  //改动html标签嵌套时，注意选择到tr
		tr.remove();
	});


	//取消
	tb.off("click","#cancal").on("click","#cancal", function () {
		var tr=$(this).parent().parent().parent();  //改动html标签嵌套时，注意选择到tr
		$("input[type='text']",tr).each(function(index,element){
			element=$(element);
			element.parent().text(tdData[index]);
			element.remove();
		});
		showNormal(tr);
	});


	//搜索
	$("#search").click(function () {
		var keyword=$("#searchText");
		var tby=$("#mainTbody",tb);
		console.log("search clicked");
	});

	//跳页
	$(".pagination").on("click","li",function(){
		var lid = this.attr("id");
		var p;
		switch (lid){
			case "beginPage":
				p=$(".pagination","li").find("#1");
				p.parent().addClass("active");
				jump(1);
				break;
			case "prevPage":
				break;
			case "nextPage":
				break;
			case "endPage":
				break;
			default :                 //same as-- case "page":break;

				break;
		}
	});

	function jump(page){
		show();
	}



	function showAdd(tr){
		$("#saveAdd",tr).show();
		$("#reset",tr).show();
		$("#deleteItem2",tr).show();

		$("#saveEdit",tr).hide();
		$("#cancal",tr).hide();

		$("#editItem2",tr).hide();
	}

	function showEdit(tr){
		$("#saveAdd",tr).hide();
		$("#reset",tr).hide();
		$("#deleteItem2",tr).hide();

		$("#saveEdit",tr).show();
		$("#cancal",tr).show();

		$("#editItem2",tr).hide();
	}

	function showNormal(tr){
		$("#saveAdd",tr).hide();
		$("#reset",tr).hide();
		$("#deleteItem2",tr).show();

		$("#saveEdit",tr).hide();
		$("#cancal",tr).hide();

		$("#editItem2",tr).show();
	}
});


